<script lang="ts" setup>
import MpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html.vue'

const mpHtmlConfig = {
  tagStyle: {
    h1: 'margin: 2em 0 1em; font-size: 1.5em; line-height: 1.5; text-align: center;',
    h2: 'margin: 1em 0; font-size: 1.25em; line-height: 1.5',
    p: 'margin: 1em 0; line-height: 1.5',
    ul: 'margin: 1em 0; padding-left: 2em;',
    ol: 'margin: 1em 0; padding-left: 2em;',
    li: 'margin: 1em 0; line-height: 1.5',
  },
}
const content = `<h1>用户授权协议</h1>

    <p>《用户授权协议》（以下简称“本协议”）是支付宝（中国）网络技术有限公司（以下简称“支付宝”或“我们”）与用户（以下简称“您”）所订立的有效合约。请您先仔细阅读本协议内容，尤其是字体加粗部分。如您对本协议内容或页面提示信息有疑问，请勿进行下一步操作。您可通过支付宝在线客服或官方热线95188进行咨询，以便我们为您解释和说明。如您通过页面点击或我们认可的其他方式确认本协议即表示您已同意本协议</p>

    <ol>
      <li>
        <p>为了便于您使用第三方的服务，您同意支付宝将您的用户编号及页面提示的相关信息传递给第三方。页面提示上会展示具体授权对象以及授权信息类型，您的信息将通过加密通道传递给第三方。支付宝会要求第三方严格遵守相关法律法规与监管要求，依法使用您的信息，并应对您的信息保密。点击授权之后，授权关系长期有效，直至您主动解除。为了更好的保护您的信息安全，我们采用了信息查询令牌技术。授权有效期内，当您使用被授权方服务时，将激活令牌，被授权方仅在令牌激活期内方可查询您的信息</p>
        <p>激活期届满后，令牌将暂时失效，直至您再次使用被授权方服务时被激活</p>
      </li>
      <li>支付宝是中立的非银行支付机构，上述第三方服务由该第三方独立运营并独立承担全部责任。因第三方服务或其使用您的信息而产生的纠纷，或第三方服务违反相关法律法规或协议约定，或您在使用第三方务违反相关法律法规或协议约定，或您在使用第三方服务过程中遭受损失的，请您和第三方协商解决</li>
      <li>如我们对本协议进行变更，我们将通过公告或客户端消息等方式予以通知，该等变更自通知载明的生效时间开始生效。若您无法同意变更修改后的协议内容，您有权停止使用相关服务；双方协商一致的，也可另行变更相关服务和对应协议内容</li>
      <li>本协议未约定事宜，均以支付宝网站公布的《支付宝服务协议》及相关规则为补充；本协议与《支付宝服务协议》及相关规则不一致的地方，以本协议为准</li>
      <li>本协议之效力、解释、变更、执行与争议解决均适用中华人民共和国法律。因本协议产生的争议，均应依照中华人民共和国法律予以处理，并由被告住所地人民法院管辖</li>
    </ol>`
</script>

<template>
  <view class="bg-white px-30px safe-pb-30px text-30px">
    <mp-html :content="content" :tag-style="mpHtmlConfig.tagStyle"></mp-html>
  </view>
</template>

<style lang="less" scoped></style>
